﻿<UserControl x:Class="JasRibbonApplicatie.UserControls.Attachment"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="22" d:DesignWidth="190">
	<UserControl.Resources>
		<Storyboard x:Key="OnMouseLeave1">
			<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="filenameLabel">
				<EasingColorKeyFrame KeyTime="0" Value="#FF3B3F80"/>
				<EasingColorKeyFrame KeyTime="0:0:0.5" Value="Black"/>
			</ColorAnimationUsingKeyFrames>
		</Storyboard>
		<Storyboard x:Key="OnMouseEnter">
			<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="filenameLabel">
				<EasingColorKeyFrame KeyTime="0" Value="Black"/>
				<EasingColorKeyFrame KeyTime="0:0:0.5" Value="#FF3B3F80"/>
			</ColorAnimationUsingKeyFrames>
		</Storyboard>
	</UserControl.Resources>
	<UserControl.Triggers>
		<EventTrigger RoutedEvent="Mouse.MouseEnter" SourceName="filenameLabel">
			<BeginStoryboard x:Name="OnMouseEnter_BeginStoryboard" Storyboard="{StaticResource OnMouseEnter}"/>
		</EventTrigger>
		<EventTrigger RoutedEvent="Mouse.MouseLeave" SourceName="filenameLabel">
			<BeginStoryboard Storyboard="{StaticResource OnMouseLeave1}"/>
		</EventTrigger>
	</UserControl.Triggers>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="16" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="20" />
        </Grid.ColumnDefinitions>
        <Image Grid.Column="0" Source="/JasRibbonApplicatie;component/Images/mail/small/Attach.png" Width="16" Height="16" HorizontalAlignment="Left" Margin="0,2" />
        <Label Grid.Column="1" Content="Voorlopige bevestiging.pdf" Padding="1" Name="filenameLabel" MouseUp="filenameLabel_MouseUp" />
        <Button Grid.Column="2" Padding="0" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="{x:Null}" Width="20" Name="removeButton" Click="removeButton_Click">
            <Image  Source="/JasRibbonApplicatie;component/Images/mail/small/delete.png" Width="16" Height="16" HorizontalAlignment="Left" VerticalAlignment="Top" />
        </Button>
    </Grid>
</UserControl>
